<template>
	<view class="all">
		<view class="body">
			<view class="title">
				<image style="width: 100px;height: 100px;" :src="'https://admin.lykangshu.top'+list.store_photo" mode=""></image>
				<view>
					{{list.store_name}}
				</view>
			</view>
			<view class="box">
				<image class="img3" :src="list.QR" mode=""></image>
				<view class="bot flex">
<!-- 					<view class="left">
						13213
					</view> -->
					<view class="center">
						<view>
							邀请码：{{list.Invitation}}
						</view>
<!-- 						<view>
							注册记得填写邀请码
						</view>
						<view>
							可领取福利哦
						</view> -->
					</view>
<!-- 					<view class="right">
						l'l
					</view> -->
				</view>
			</view>
		</view>
		<view class="info">
			<view class="cary">
				保存二维码
			</view>
			<view class="cary">
				分享给好友
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:{}
			};
		},
		onLoad() {
			this.getpic()
		},
		methods:{
			async getpic(){
				const res = await this.$api('/business/user/invite','post').then((res)=>{
					console.log(res);
					console.log(res.data.data);
					this.list = res.data.data
				}).catch((err)=>{
					console.log(err);
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.all {
		padding: 15px;
		background-color: #f5f5f5;
		min-height: 100vh;
		.top{
			padding: 5px;
			background: #FFFFFF;
			border-radius: 36px;

			font-size: 13px;

			font-weight: 400;
			color: #999999;
			.img1{
				width: 16px;
				height: 16px;
				margin: 0 10px;
			}
		}
		.body{
			padding: 5px;
			.title{
				font-size: 20px;
				font-weight: bold;
				color: #333333;
				text-align: center;
				margin: 20px 0;
			}
			.box{
				padding: 10px;
				display: flex;
				flex-direction: column;
				background: #FFFFFF;
				border-radius: 15px 15px 15px 15px;
				opacity: 1;
				margin: 0 auto;
				.img3{
					width: 100%;
					height: 260px;
				}
				.bot{
					margin: 10px 0;
					padding: 0 10px;
					.left{
						width: 80px;
						height: 80px;
						background-color: #000;
					}
					.center{
						text-align: center;
						font-size: 16px;
						font-weight: bold;
						color: #333333;
						flex: 1;
					}
					.right{
						width: 48px;
						height: 48px;
						background: #DDDDDD;
						border-radius: 10px 10px 10px 10px;
					}
				}
			}
		}
		.info{
			margin: 20px 0;
			display: flex;
			align-items: center;
			.cary{
				margin: 0 10px;
				flex: 1;
				text-align: center;
				color: #fff;
				background: #FB774B;
				border-radius: 40px;
				padding: 10px;
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
			}
		}
	}
</style>